<template>
  <div class="setting">
    <h1>芜湖，更多功能迭代中～</h1>
    <div class="lottie" ref="lottie"></div>
  </div>
</template>

 <script>
import lottie from 'lottie-web'
import developing from '../../assets/developing.json'
export default {
  methods: {
    init () {
      const animation = lottie.loadAnimation({
        container: this.$refs.lottie,
        renderer: 'svg',// 渲染方式：svg、canvas
        loop: true,  // 循环播放，默认：false
        autoplay: true, //自动播放 ，默认：true
        animationData: developing
        //  path: '../assets/login.json'  // json 路径
      })
      animation.play()
    },
  },
  mounted () {
    this.init()
  },
};
</script>

  
 <style scoped lang="less">
 .setting{
  position: absolute;
  display: flex;
  width: 90%;
  height: 80vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }
 .lottie{
  width: 50vh;
 }
  </style>